@import '../def.scss';
.bg-my {
	// background: url('/static/bg.png') no-repeat left top;
	background-size: 100% 100%;
	width: 100%;
	height: 400rpx;
}

.content {
	margin-top: -364rpx;
	.user-info {
		position: relative;
		width: 100%;
		.avatar {
			width: 160upx;
			height: 160upx;
			box-sizing: border-box;
			padding: 5upx;
			border-radius: 50%;
			background: #fff;
			font-size: 0;
			margin: 0 auto;
			image {
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
		}
		.nickname {
			width: 100%;
			text-align: center;
			font-size: $f40;
			color: #fff;
			font-weight: bold;
			margin-top: 10upx;
			line-height: 56upx;
		}
		.phone {
			width: 100%;
			text-align: center;
			font-size: $f24;
			line-height: 34upx;
			margin-top: 10upx;
			color: #fff;
		}
		.wrap-btn{
			width: 100%;
			display: flex;
			justify-content: center;
		}
		.wrap-btn-bottom{
			margin-top: 50upx;
			width: 100%;
			display: flex;
			justify-content: center;
			.login-button{
				font-size: medium;
				width: 360rpx;
				// height: 60rpx;
				text-align: center;
				// line-height: 60rpx;
				border-radius: 50rpx;
				padding: 30rpx 40rpx 30rpx;
				color: #FFFFFF;
				background-color: #2497FF;
				font-weight: 800;
			}
		}
		.wrap-btn-login{
			margin-top: 180upx;
		}
	}
}